<%--
  Created by IntelliJ IDEA.
  User: cic
  Date: 2023/10/21
  Time: 23:30
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"><!--规范语言编码//提供搜索引擎信息//为浏览器提供相关参数-->
    <title>yeeZiWWWu超级购物网站入口</title><!--设置页面标题-->
    <style type="text/css">
        /*使用div+css布局制作网站用户与商家入口*/
        .divleft{
            position: fixed; top: 210px; left: 380px;
            float:left;/*左边*/
            width:20%;/*宽度*/
            height: 280px;/*高度*/
            border:1px ;/*盒子边框颜色red solid*/
            border-radius: 50%; /*商家盒子边框圆角设置*/
            text-align:center;/* 让盒子中的内容e居中显示 */
            overflow: hidden;
            background-image: url("椰子商家.jpeg"); /*设置盒子背景*/
            background-repeat:no-repeat;
            background-size: 100%; /* 调整背景图片大小以适应页面 */
            /*background-color: blanchedalmond;!*设置盒子的背景颜色*!*/
        }
        .divright{
            position: fixed; top: 210px; right:  330px;
            float: right;/*右边*/
            width:20%;/*宽度*/
            height: 280px;/*高度*/
            border:1px ;
            border-radius: 50%;/*用户盒子边框圆角设置*/
            text-align:center;/* 让盒子中的内容居中显示 */
            overflow: hidden;
            background-image: url("椰子用户.jpeg"); /*设置盒子背景*/
            background-repeat:no-repeat;
            background-size: 100%; /* 调整背景图片大小以适应页面 */
            /*background-color: blanchedalmond;!*设置盒子的背景颜色*!*/
        }
        body {
            background-image: url("网站页面.png"); /* 设置背景图片 */
            /*把背景图片放大到适合元素容器的尺寸，图片比例不变*/
            /* 背景图片全屏 */
            background-repeat:no-repeat;
            background-attachment: fixed;
            /*background-size:cover;*/
            background-size: 100% 100%;
        }
    </style>
</head>
<body>
<h1 style="font-size:40px;font-family: '华文楷体';text-align:center; color: gold"> <!--<h1>~<h6>六个等级标题标志-->
    <!--font-size:40px设置标题文本的大小-->
    <!--style="text-align: center"设置标题的对齐方式居中-->
    <!--style="color:Red"设置标题颜色-->
    欢迎来到"yeeZiWWWu椰子屋"超级购物网站！！！
    Welcome your coming!!!
</h1>
<div>
    <!-- position: relative; top: 200px; left: 300px;设置为相对布局，通过top、left、right去移动盒子在页面上的位置-->

    <a  href="MRegister.jsp">
        <div class="divleft" >
            <p style="position: fixed; top: 190px; left: 480px;color: darkorange;font-size:35px; font-family: '隶书'">企业账户</p>
        </div>
    </a>


        <a href="Register.jsp" >
            <div class="divright" >
                <p style="position: fixed; top: 190px; right: 420px;color: darkorange;font-size:35px; font-family: '隶书';">个人账户</p>
            </div>
        </a>

</div>

<p style="font-size:40px;font-family: '华文楷体';text-align:center; color: aliceblue;margin-top:500px;">
    <!--margin-top:500px实现标题的下滑移动-->
    温馨提示：在进入网站前，请进行你的账户类型选择<br>
    Tip: Before entering the website, please select your account type
</p>
</body>
</html>
